body {
		background-color: #FFFFFF;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: small;
}

h1{
		padding: 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-large;
		color: #333333;
}

h2{		padding: 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
}

h3{
		padding: 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
}		

p{		padding: 0px 10px 0px 0px;
		margin: 0px 0px 0px 0px;
                font-size: small;
}

label p{        display: inline;
}

form { 
		display: inline;
		margin: 0;
		padding: 0;
}

input, select, textarea {
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
		background: #999999;
}
label,input,textarea {display: block; float: left; margin-bottom: 10px;}
label {	text-align: right; width: 200px; padding-right: 5px; padding-left: 10px;}
.hidden {display: none;}      


/* Header Info */

#header {
		margin: 0px;
		height: 61px;
}

#corpHeader {
		margin: 0px;
		height: 61px;
		width: 100%;
}

#appHeader {
		padding: 0px 0px 0px 0px;
		height: 62px;
		width: 100%;
		background: url(../images/corpHeader.jpg);
		background-repeat: no-repeat;
}

#appHeader h1 {
		display: none;
		float: left;
}

#borthLogo {
		margin: 10px 10px 0px 5px;
		height: 42px;
		width: 133px;
		float: right;
		background: url(../images/borthlogo.gif);
		background-repeat: no-repeat;
}

#borthLogo h3 {
		display:none;
}

#titleB{
		width: 550px;
		height: 24px;
		background: url(../images/titleStart.jpg);
		background-repeat: no-repeat;
}

.menuHeader {
		width:	171px;
		height: 24px;
		background: url(../images/menubar.jpg);
		background-repeat: no-repeat;
}

#keyParticipantList h3, #nonKeyParticipantList h3, .menuHeader h2, .resultsList h3, #titleB h3{
		margin: 0px;	
		padding-top: 2px;
		padding-left: 7px;
                height: 19px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #FFFFFF;
}

#menuBar{
		float: left;
		width: 170px;
		background: url(../images/menuback.jpg);
		background-repeat: repeat-y;
		padding-right:0px;
		border-right-width:0px;
		margin-right:0px;
}

.menuList{
		padding: 1px 5px 10px 10px;
}

#menuBottom{
		width: 173px;
		height: 20px;
		background: url(../images/menubottom.jpg);
		background-repeat: no-repeat;
		
}

#mainPane{	
		width: 100%;
		height: 25px;
		background: url(../images/titleEnd.jpg);
		background-repeat: repeat-x;
}

#contentPane{
		float: left;

}

#contentInner{
                width: 570px;
                padding: 1px 5px 10px 10px;
}

.formBlock{
                background: url(../images/backGreyMiddle.jpg);
                background-repeat: repeat-y;
                height: auto;
                width: auto;
                padding: 0px 20px 10px 20px;
}

#participantList{
                padding: 20px 0px 0px 00px;
                border-bottom: 1px solid #000000; 
}

.resultsList, #participantList div{
		width: 525px;
		background: url(../images/titleStart.jpg);
		background-repeat: no-repeat;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		 
}

.resultsList div, #keyParticipantList div, #nonKeyParticipantList div{
		border-top: 1px solid #333333;
                border-left: 0px;
                border-right: 0px;
                border-bottom: 0px;
                width: 515px;
                height: 20px;
                padding: 2px 5px 2px 5px;
}



#keyParticipantList div{
                background: #A6807F;
                color: #ffffff;
}

.resultsList div, #nonKeyParticipantList div{
                background: #DCCACA;
}

.formBlock h2 {
		font-size: large;
}

.formSideRight{
                width: auto;
}

.formSideLeft input, .formSideRight input {
                margin-bottom: 0px;
}

.formSideLeft p, .formSideRight p{ 
                display: block;
                clear: right;
                padding-top: 1px;
                height: 15px;
}

.formSideLeft{
		display: block;
                float: left;
}

.formSideRight label{
                width: auto;
}

.formTop{
                background: url(../images/backGreyTop.jpg);
                background-repeat: no-repeat;
                height: 17px;
                width: 570px;

}

.formBottom{
                background: url(../images/backGreyBottom.jpg);
                background-repeat: no-repeat;
                height: 17px;
                width: 570px;
}

#footer{
		margin-left: 200px;
		padding: 5px 5px 5px 10px;
		color: #FFFFFF;
		height: 50px;
}

.objPadded{
		padding: 1px 5px 10px 10px;
		width: auto;   
}

.boxLink{
		position: relative;
}

/* form stuff */

.formContainer{
                height: 24px;
}

.formLabel{ 
		float: left;
                width: 80px;
                text-align: right;
}

.formInput{
		margin-left: 90px;
}

.formGroup{
                margin: 5px 5px 5px 5px;
                padding: 10px 10px 10px 10px;
                background: #EEEEEE;
		border-top: 1px solid #666666;
		border-right: 1px solid #666666;
		border-right: 1px solid #666666;
		border-left: 1px solid #666666;
		border-bottom: 1px solid #666666;
}

.listingColumn
{
		height: 20px;
		text-decoration: none;
		padding-bottom: 1px;
		padding-top: 2px;
		padding-left: 3px;
		padding-right: 3px;
		color: #000000;
		border-style: solid;
		border-left-width: 1px;
		border-left-color: #CCCCCC;
		border-right-width: 1px;
		border-right-color: #CCCCCC;
		border-top-width: 1px;
		border-top-color: #CCCCCC;
		border-bottom-width: 0px;
}

.listingColumnBottom{
		height: 1px;
		border-style: solid;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 1px;
		border-top-color: #CCCCCC;
		border-bottom-width: 0px;
}

#colHeader{
                color: #FFFFFF;
                background-color: #999999;
}

span.error {
	display: block;
	float: left;
	margin-left: 220px;
        margin-bottom: 10px;
	color: #cc0000;
	font-weight: 600;
}
form p{
	clear: left;
	margin: 0;
	margin-bottom: 10px;
}
input.error {
	border: 1px solid #cc0000;
}
input#duration {
       display: none;
}
div.error {
    margin: 30px 0px 0px 0px;
    border: 1px solid #ff0;
    background: #ffd;
}
div.error a {
    font-size: x-small;
    color: #00f;
    text-decoration: underline;
    cursor: pointer;
}

/*fix for mozilla etc*/
body[id=umasMain] p { font-size:small;}
body[id=umasMain] h1 { font-size:xx-large;}
body[id=umasMain] h2 { font-size:x-large;}
body[id=umasMain] h3 { font-size:large;}
body[id=umasMain] h4 { font-size:medium;}
body[id=umasMain] #keyParticipantList h3 { font-size: small;}
body[id=umasMain] #nonKeyParticipantList h3 { font-size: small;}
body[id=umasMain] .resultsList h3 { font-size: small;}
body[id=umasMain] .menuHeader h2 { font-size: small;}
body[id=umasMain] .formBlock h2 { font-size: small;}
body[id=umasMain] #titleB h3 { font-size: small;}